<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, viewport-fit=cover">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />
		<title>首页</title>
		<link href="./css/common.css" rel="stylesheet">
		<link href="./css/index.css" rel="stylesheet">
		<script src="./lib/vue.js"></script>
	</head>
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" οncοpy="return false">
		<div id="home" class="home" style="display: none;" :style="{display: 'block'}">
			<!-- 顶部box -->
			<div class="motion">
				<canvas id="container" width="166" height="166"></canvas>
				<div class="motion-data">
					<a class="data-item" href="./home/step.html">
						<img src="./img/home/ic_home_step.png" alt="step">
						<div class="data-info">
							<div class="num">0</div>
							<div class="link"><span>step</span></div>
						</div>
					</a>
					<a class="data-item" href="./home/kcal.html">
						<img src="./img/home/ic_home_kcal.png" alt="kcal">
						<div class="data-info">
							<div class="num">0</div>
							<div class="link"><span>kcal</span></div>
						</div>
					</a>
					<a class="data-item" href="./home/distance.html">
						<img src="./img/home/ic_home_km.png" alt="km">
						<div class="data-info">
							<div class="num">0</div>
							<div class="link"><span>km</span></div>
						</div>
					</a>
				</div>
			</div>
			<!-- 小chart -->
			<div class="smart-chart">
				<a class="smart-item" href="./home/sleep.html">
					<div class="title">睡眠</div>
					<div class="had-data" v-if="sleep.length > 0">
						<div class="charts">
							<canvas id="sleepChart"></canvas>
						</div>
						<div class="smart-data">
							<div class="hour">0</div>
							<div class="unit">h</div>
							<div class="minute">0</div>
							<div class="unit">m</div>
						</div>
						<div class="time">12/03</div>
					</div>
					<div class="no-data" v-else>
						<img src="./img/home/ic_home_sleep_blankpage.png" alt="">
						<div class="text">暂无数据</div>
					</div>
				</a>
				<a class="smart-item" href="./home/heart.html">
					<div class="title">心率</div>
					<div class="had-data" v-if="heart.length > 0">
						<div class="charts">
							<canvas id="heartChart"></canvas>
						</div>
						<div class="smart-data">
							<div class="hour">0</div>
							<div class="unit">bpm</div>
						</div>
						<div class="time">12/03</div>
					</div>
					<div class="no-data" v-else>
						<img src="./img/home/ic_home_heart_blankpag.png" alt="">
						<div class="text">暂无数据</div>
					</div>
				</a>
			</div>
		</div>
		<div class="tabber">
			<div class="tabber-item active">
				<img src="./img/tab_home_p.png" alt="icon">
				<div class="text">健康</div>
			</div>
			<a class="tabber-item" href="./mine.html">
				<img src="./img/tab_profile_d.png" alt="icon">
				<div class="text">我的</div>
			</a>
		</div>
		<script src="./lib/f2.min.js"></script>
		<script src="./js/shape.js"></script>
		<script src="./js/index.js"></script>
	</body>
</html>